<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="{print content('info')/}">
<meta name="keywords" content="{print content('keywords')/}">
<title>{print content('title')/}_{print cateinfo('catename')/}_{print webinfo('web_name')/}</title>
<link href="{path template/}/css/stylekeshan.css" rel="stylesheet" type="text/css" />
<script src="{path template/}/js/jquery.tools.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
   $(".m02 .m03").scrollable({size:1,items:".m02 .m03 ul",loop:true});
   
   $(".m03 ul").tabs(".m01 > div", {effect: 'fade',loop:true,fadeOutSpeed: "slow",rotate: true}).slideshow({autoplay:true,interval: 5000});

   $("a.up1").click(function(){
        $(".m03 ul li.current").prev("li").click();
   });
   
   $("a.dowm1").click(function(){
        $(".m03 ul li.current").next("li").click();
   });
    
    
   $(".m02").mouseover(
      function(){
          $(this).find("div.m03").show();
      }
   );
   
   $(".m02").mouseout(
       function(){
         $(this).find("div.m03").hide();
       }
   );
});
</script>
</head>
<body style="background:#000;">
<a    class="up" >上一组prev</a>
<a  class="dowm">下一组next</a>
<a href="#" class="up1"></a>
<a href="#" class="dowm1"></a>
<div class="m01">
{loop source=album('pics')}
<div><a href="{print $v['pic']/}"><img src="{print $v['pic']/}" /></a></div>
 {/loop}
</div>
<div class="m02">
<div class="m03">
<ul>
{loop source=album('pics')}
<li><img src="{print $v['thumb']/}" width="167" height="171" class="latest_img"/></a></li>
{/loop}
</ul>
</div>
</div>
</body>
</html>